<!-- 右侧选择画布page的面板 -->
<template>
	<div class="page-wrapper">
		<BaseModuleCard>
			<template #title>属性</template>
			<template #content>
				<a-form>
					<AutoSet v-model="cpn.attrs" v-model:mapValue="cpn.attrsMap"> </AutoSet>
				</a-form>
			</template>
		</BaseModuleCard>
	</div>
</template>
<script setup>
import BaseModuleCard from "../BaseModuleCard/BaseModuleCard.vue";
import AutoSet from "../AutoSet/AutoSet.vue";
import { useVModelHook } from "@/hooks/useVModelHook.js";
const props = defineProps({
	modelValue: {
		type: Object,
		default: () => {},
	},
});
const emit = defineEmits(["update:modelValue"]);
const cpn = useVModelHook(props, emit);
</script>
<style scoped lang="scss">
.page-wrapper {
	height: 100%;
	width: 100%;
	.color-wrapper {
		display: flex;
		align-items: center;
		span {
			margin-right: 5px;
		}
	}
}
</style>
